table.jplex-datatable {
    border-collapse:collapse;
    border:1px #666666 solid;
    color:#222222;
}

table.jplex-datatable:hover {
    cursor:default;
}

table.jplex-datatable th {
    background:url('th-bg.png') repeat-x;
    font-weight:bold;
    border-right: 1px #bbbbbb solid;
    border-top: 1px #666666 solid;
    border-bottom: 1px #666666 solid;
}

table.jplex-datatable td {
    border-right:1px #bbbbbb solid;
    padding:0.2em 0.5em 0.2em 0.5em;
}

table.jplex-datatable td:last-child,
table.jplex-datatable th:last-child {
    border-right:0;
}

table.jplex-datatable tr.even td {
    background:#edf5ff;
}

table.jplex-datatable tr.odd td {
    background:#fefefe;
}

table.jplex-datatable th.highlighted,
table.jplex-datatable th.sortable:hover {
    background:url('th-bg-sel.png') repeat-x;
}

table.jplex-datatable tr.odd td.highlighted {
    background:#edf5ff
}
table.jplex-datatable tr.even td.highlighted {
    background:#dbeaff;
}

table.jplex-datatable tr.selected td,
table.jplex-datatable tr.selected td.highlighted,
table.jplex-datatable tr.selected td * {
    background:#426fd9;
    color:white;
    cursor:pointer;
}

table.jplex-datatable tr.hover td,
table.jplex-datatable tr.hover td.highlighted {
    background:#b2d2ff;
    cursor:pointer;
    color:#222222;
}

table.jplex-datatable th.sortable {
    
}
table.jplex-datatable th.sortable:hover {
    cursor:pointer;
}

table.jplex-datatable th div {
    white-space:nowrap;
    margin:0;
    padding:0.2em 0.5em 0.2em 0.5em;
}
table.jplex-datatable th.sortable div {
    background:url('datatable-sortable.gif') no-repeat scroll right center;
    padding:0.2em 1.5em 0.2em 0.5em;    
}
table.jplex-datatable th.asc div {
    background:url('datatable-sorted-asc.gif') no-repeat scroll right center;
}
table.jplex-datatable th.desc div {
    background:url('datatable-sorted-desc.gif') no-repeat scroll right center;
}
